/*


    项目库



 */


/* 头部 */
.head {
  position: relative;


  a {
    position: absolute;
    font-size: 16px;
    color: #333;
    top: 0.15rem;
    right: 0.2rem;
  }

  span {
    position: absolute;
    top: 0.15rem;
    left: 0.215rem;
  }

  form {
    width: 100%;

    padding-left: 0.555rem;
    padding-right: 0.695rem;
    border-top: 1px solid transparent;

    input[type="text"] {
      height: 0.3rem;
      margin-top: 0.09rem;
      border-radius: 0.15rem;
      background-color: rgba(200, 200, 200, .3);
      border: none;
    }
  }
}


/* 顶部图片 */
.top-img {
  margin-bottom: 0.15rem;

  a {
    display: block;
    width: 100%;
    height: 100%;

    img {
      display: block;
      width: 100%;
    }
  }
}

/* 热门项目 */
.hot {
  /* 标题 */

  .hot-title {
    border-bottom: 1px solid #e1dede;
    //padding-bottom: 0.15rem;
    li {
      display: inline-block;
      border-bottom: 2px solid #fe1818;
      padding-bottom: 0.15rem;
    }
  }

  /* 内容 */

  .hot-cont {
    li {
      padding-top: 0.15rem;
      padding-bottom: 0.135rem;
      border-bottom: 1px solid #e1dede;
      position: relative;
      //display: flex;
      //justify-content: space-between;

      img {
        height: 1.055rem;
        display: inline-block;
        margin-right: 0.07rem;
        vertical-align: middle;
      }

      .r-cont {
        display: inline-block;
        vertical-align: middle;
        //font-size: 0;

        h2 {
          font-size: 15px;
          color: #333;
          display: inline-block;
          margin-right: 0.05rem;
          margin-bottom: 0.15rem;
        }

        span {
          font-size: 0.11rem;
          color: #fd8815;
          padding: 0.02rem 0.03rem;
          border-radius: 15px;
          border: solid 1px #ff9126;
          margin-right: 0.05rem;
        }

        p {
          font-size: 12px;
          line-height: 12px;

          &:nth-of-type(1) {
            color: #999;
          }

          &:nth-of-type(2) {
            img {
              vertical-align: middle;
              width: 12px;
              height: 12px;
              margin-right: 7px;
            }

            i {
              color: #333;
              vertical-align: middle;
            }
          }

          &:nth-of-type(3) {
            color: #ff5050;
          }
        }

        a {
          display: inline-block;
          padding: 0.065rem 0.15rem;
          color: #fff;
          font-size: 12px;
          background-image: linear-gradient(207deg,
          #ff4b33 0%,
          #ff4431 0%,
          #ff3d2e 0%,
          #ff2922 54%,
          #fe1818 100%),
          linear-gradient(
                  #f65353,
                  #f65353);
          background-blend-mode: normal,
          normal;
          box-shadow: 2px 2px 9px 0px rgba(218, 20, 20, 0.33),
          inset 0px 3px 7px 0px rgba(255, 88, 75, 0.44);
          border-radius: 25px;
          position: absolute;
          bottom: 0.19rem;
          right: 0.2rem;
        }
      }
    }
  }

  .load-more {
    display: block;
    font-size: 12px;
    color: #424242;
    padding: 0.17rem 0;
    text-align: center;
  }
}

